<template>
    <div class="studentInfoTable">
        <el-table
                :data="tableData"
                stripe
                border
                style="width: 100%">
            <el-table-column
                    type="selection"
                    width="55">
            </el-table-column>
            <el-table-column
                    prop="date"
                    label="学号"
                    width="180">
            </el-table-column>
            <el-table-column
                    prop="name"
                    label="姓名"
                    width="180">
            </el-table-column>
            <el-table-column
                    prop="sex"
                    label="性别"
                    width="180">
            </el-table-column>
            <el-table-column
                    prop="duties"
                    label="职务"
                    width="180">
            </el-table-column>
            <el-table-column
                    prop="classNum"
                    label="班级"
                    width="180">
            </el-table-column>
            <el-table-column
                    prop="phone"
                    label="联系方式"
                    width="180">
            </el-table-column>
            <el-table-column
                    label="操作">
                    <template scope="scope">
                        <router-link to="/StudentPersonInfo"><i class="el-icon-search"></i></router-link>
                        <router-link to="/StudentPersonInfo"><i class="el-icon-edit"></i></router-link>
                        <!--<a href=""><i class="el-icon-search"></i></a>
                        <a href=""><i class="el-icon-edit"></i></a>
                        <a href=""><i class="el-icon-delete"></i></a>-->
                    </template>
            </el-table-column>
        </el-table>
    </div>
</template>
<style>

</style>
<script>

    export default{
        name: 'studentInfoTable',
        data(){
            return{
                tableData: [{
                    date : '201320020211',
                    name : 'li',
                    sex : 'man',
                    duties : 'student',
                    classNum : '132002',
                    phone : '18435155227'
                },{
                    date : '201320020211',
                    name : 'li',
                    sex : 'man',
                    duties : 'student',
                    classNum : '132002',
                    phone : '18435155227'
                },{
                    date : '201320020211',
                    name : 'li',
                    sex : 'man',
                    duties : 'student',
                    classNum : '132002',
                    phone : '18435155227'
                }
                ]
            }
        },
        components:{
        },
        methods: {
          deleteRow(index, rows) {
            rows.splice(index, 1);
          }
        }
    }
</script>
